/* 
    Document   : cdk
    Created on : Jun 14, 2012, 2:43:09 PM
    Author     : alberto
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@def dark #39689b;
@def medium #4d8bd2;
@def light #8cbae8;
@url ins x;
@external .gwt-SplitLayoutPanel-HDragger;
@external .gwt-SplitLayoutPanel-VDragger;

.content{
    padding: 15px;
}
.hand{
    cursor: move;
}
.pointer{
    cursor: pointer;
}
.loading{
    text-align: center;
    vertical-align: middle;
    background: black;
}
.select{
    background: light;
}
legend{
    color: dark;
}
.psh_dark{
    background: dark;
}
.psh_medium{
    background: medium;
}
.psh_light{
    background: light;
}

.borderDark{
    border: 2px solid dark;
}


.box{
    border: 1px solid dark;
    margin:2px;
    padding:5px;
    background: light;
}

@sprite .progress{
    gwt-image: "progress";
    background-repeat: repeat-x;
}



.resultBox{
    /*border: 1px solid dark;*/
    margin:2px;
}
.resultBox:hover{
    background: medium;
}


.institution{
    
    padding-right: 18px;
    line-height:20px;
    border: 1px solid white;
    overflow:hidden;
}
.institution:hover{
    border: 1px solid dark;
    background-image: ins;
    background-repeat: no-repeat;
    background-position: right;
}

.sliderLabel{
    margin-bottom: 10px;
}

.sliderValue{
    margin-top: 10px;
}

.gwt-SplitLayoutPanel-HDragger{
    cursor: ew-resize;
    background: dark;
    width:4px  !important;
}

.gwt-SplitLayoutPanel-VDragger{
    cursor: ns-resize;
    background: dark;
    height:1px  !important;
    display:none;
}